@import './variables';
.inputs {
    padding:20px 10px 10px 10px;
    .input-wrap {
        float:left;
        width:200px;
        margin-bottom: 10px;
        .label {
            float:left;
            width:80px;
            text-align: right;
            margin-right:10px;
        }
    }
    .btns {
        text-align: right;
        button {
            background-color: $base-color;
            border-color: $base-color;
        }
    }
}
.table-area {
    padding:0 10px;
    height:calc(100% - 105px);
    .table-header {
        border-top:1px solid #a1a7b3;
        padding:10px 0;
        .ctrls {
            width:500px;
            float:right;
            .search {
                float:right;
                margin-top: 9px;
            }
            .ctrl-btn {
                .item {
                    float:left;
                    width:50px;
                    height:45px;
                    text-align: center;
                    margin-right:10px;
                    position: relative;  
                    padding-top:24px;
                    border-radius: 3px;  
                    margin-top:3px; 
                    cursor: pointer;   
                    .iconfont {
                        font-size:20px;
                        position: absolute;
                        top:50%;
                        left:50%;
                        transform: translate(-50%,-50%);
                    }
                    .name {
                        font-size:12px;
                        display: none;
                    }
                }
                .item:hover,.active {
                    background:#f3f9eb;
                    border:1px solid #d4dcc9;
                    .iconfont {
                        top:20%;
                        left:50%;
                        transform: translate(-50%,-30%);
                    }
                    .name {
                        display: block;
                    }
                }
            }
        }
        .dimensions {
            .item {
                width:50px;
                height:50px;
                float:left;
                text-align: center;
                margin-right:10px;
                padding:4px 0;
                border-radius: 3px;
                cursor: pointer;
                .iconfont {
                    color:$primary-color;
                }
                .name {                    
                    font-size:12px;
                }
            }
            .item:hover,
            .active {
                background:$base-color;
                color:#fff;
                .iconfont {
                    color:#fff;
                }
            }
        }
    }
    .table {
        padding-top: 10px;
        height:calc(100% - 71px);
        overflow: auto;
    }
}

.edit-indicator-win {
    .inputs {
        padding:0 20px;
    }
    .label {
        line-height: 32px;
        text-align: right;
        padding-right: 10px;
    }
    .ant-input {
        width:150px;
    }
    .left {
        text-indent: 0;;
    }
    @import './modalBtns';
}
.edit-dir-win {
    .inputs {
        padding:0 20px;
    }
    .label {
        line-height: 32px;
        text-align: right;
        padding-right: 10px;
    }
    .ant-input {
        width:210px;
    }
    @import './modalBtns';
}
.edit-cube-win {
    .label {
        line-height: 32px;
        text-align: right;
        padding-right: 10px;
    }
    .ant-input {
        width:180px;
    }
    .ant-btn-link {
        color:$primary-color;
    }
    @import './modalBtns';
}

.ant-upload-list {
    display: none;
}